@import "../../style/public";
.modal-box{
  .layer{
    opacity: 0.65;
    background: #000;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:11111111111;
    .box-ct{
        @include remCalc(width, 540);
        @include remCalc(border-radius, 12);
        background: #fff;
        .tt{
          text-align: center;
          @include remCalc(font-size, 36);
          @include remCalc(line-height, 42);
          @include remCalc(padding, 27,0,27,0);
          color:#333;
        }
        .ct{
          @include remCalc(padding, 0,39,20,39);
        }
        .foot{
          text-align: center;
          color:#459DFF ;
          @include remCalc(padding, 18,0,22,0);
          @include remCalc(font-size, 36);
          @include remCalc(line-height, 50);
          @include thin-border(false, false,top);
        }
    }
  }
}
